import React, { useState } from "react";
import './css/Knowledge.css'

import Mantle from '../../../components/Mask/Mantle'
import Login from '../../../components/Login/Login'
const Knowledge = () => {
    let [count, setCount] = useState(false)



    return (
        <div className="box">
            <div className="container">
                <div className="left">
                    <div className="list">
                        <div className="listleft">
                            <div className="top">
                                <div className="ttop">
                                    <h3><b>Web性能指南</b></h3>
                                    <p>|</p>
                                    <p>6个月前</p>
                                </div>
                                <div className="tbottom">Web性能权威指南阅读笔记</div>
                            </div>
                            <div className="bottom">
                                <p><svg className="icon" viewBox="0 0 1637 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="16" height="16"><path d="M1625.214103 479.296883C1534.168625 366.274911 1207.137455 0 818.3628 0S104.649974 366.274911 11.511497 479.296883a52.324987 52.324987 0 0 0 0 65.406234c91.568728 113.021972 418.599898 479.296883 806.851303 479.296883s715.805825-366.274911 806.851303-479.296883a52.324987 52.324987 0 0 0 0-65.406234z m-806.851303 439.529893c-313.949923 0-587.609607-278.892182-698.015329-407.088401C230.753194 383.542156 507.029126 104.649974 818.3628 104.649974S1405.972407 383.542156 1517.42463 511.738375c-111.452223 128.196219-387.728155 407.088401-699.06183 407.088401z" fill="#8a8a8a" p-id="3085"></path><path d="M815.746551 261.624936a245.40419 245.40419 0 1 0 245.40419 245.40419A245.40419 245.40419 0 0 0 815.746551 261.624936z m0 386.158406a140.754216 140.754216 0 1 1 140.754215-140.754216 140.754216 140.754216 0 0 1-140.754215 141.800716z" fill="#8a8a8a" p-id="3086"></path></svg></p>
                                <p>3003</p>
                                <p>·</p>
                                <div>
                                    <Mantle />
                                </div>
                            </div>
                        </div>
                        <div className="listright">
                            <img src="	https://wipi.oss-cn-shanghai.aliyuncs.com/2021-07-24/1_6FIJsfsbLPuRpzxvlGoVWw.png" alt="" />
                        </div>
                    </div>
                    <div className="list">
                        <div className="listleft">
                            <div className="top">
                                <div className="ttop">
                                    <h3><b>Web性能指南</b></h3>
                                    <p>|</p>
                                    <p>6个月前</p>
                                </div>
                                <div className="tbottom">Web性能权威指南阅读笔记</div>
                            </div>
                            <div className="bottom">
                                <p><svg className="icon" viewBox="0 0 1637 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="16" height="16"><path d="M1625.214103 479.296883C1534.168625 366.274911 1207.137455 0 818.3628 0S104.649974 366.274911 11.511497 479.296883a52.324987 52.324987 0 0 0 0 65.406234c91.568728 113.021972 418.599898 479.296883 806.851303 479.296883s715.805825-366.274911 806.851303-479.296883a52.324987 52.324987 0 0 0 0-65.406234z m-806.851303 439.529893c-313.949923 0-587.609607-278.892182-698.015329-407.088401C230.753194 383.542156 507.029126 104.649974 818.3628 104.649974S1405.972407 383.542156 1517.42463 511.738375c-111.452223 128.196219-387.728155 407.088401-699.06183 407.088401z" fill="#8a8a8a" p-id="3085"></path><path d="M815.746551 261.624936a245.40419 245.40419 0 1 0 245.40419 245.40419A245.40419 245.40419 0 0 0 815.746551 261.624936z m0 386.158406a140.754216 140.754216 0 1 1 140.754215-140.754216 140.754216 140.754216 0 0 1-140.754215 141.800716z" fill="#8a8a8a" p-id="3086"></path></svg></p>
                                <p>3003</p>
                                <p>·</p>
                                <div>
                                    <Mantle />
                                </div>
                            </div>
                        </div>
                        <div className="listright">
                            <img src="	https://wipi.oss-cn-shanghai.aliyuncs.com/2021-07-24/1_6FIJsfsbLPuRpzxvlGoVWw.png" alt="" />
                        </div>
                    </div>
                    <div className="list">
                        <div className="listleft">
                            <div className="top">
                                <div className="ttop">
                                    <h3><b>Web性能指南</b></h3>
                                    <p>|</p>
                                    <p>6个月前</p>
                                </div>
                                <div className="tbottom">Web性能权威指南阅读笔记</div>
                            </div>
                            <div className="bottom">
                                <p><svg className="icon" viewBox="0 0 1637 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="16" height="16"><path d="M1625.214103 479.296883C1534.168625 366.274911 1207.137455 0 818.3628 0S104.649974 366.274911 11.511497 479.296883a52.324987 52.324987 0 0 0 0 65.406234c91.568728 113.021972 418.599898 479.296883 806.851303 479.296883s715.805825-366.274911 806.851303-479.296883a52.324987 52.324987 0 0 0 0-65.406234z m-806.851303 439.529893c-313.949923 0-587.609607-278.892182-698.015329-407.088401C230.753194 383.542156 507.029126 104.649974 818.3628 104.649974S1405.972407 383.542156 1517.42463 511.738375c-111.452223 128.196219-387.728155 407.088401-699.06183 407.088401z" fill="#8a8a8a" p-id="3085"></path><path d="M815.746551 261.624936a245.40419 245.40419 0 1 0 245.40419 245.40419A245.40419 245.40419 0 0 0 815.746551 261.624936z m0 386.158406a140.754216 140.754216 0 1 1 140.754215-140.754216 140.754216 140.754216 0 0 1-140.754215 141.800716z" fill="#8a8a8a" p-id="3086"></path></svg></p>
                                <p>3003</p>
                                <p>·</p>
                                <div>
                                    <Mantle />
                                </div>
                            </div>
                        </div>
                        <div className="listright">
                            <img src="	https://wipi.oss-cn-shanghai.aliyuncs.com/2021-07-24/1_6FIJsfsbLPuRpzxvlGoVWw.png" alt="" />
                        </div>
                    </div>
                    <div className="list">
                        <div className="listleft">
                            <div className="top">
                                <div className="ttop">
                                    <h3><b>Web性能指南</b></h3>
                                    <p>|</p>
                                    <p>6个月前</p>
                                </div>
                                <div className="tbottom">Web性能权威指南阅读笔记</div>
                            </div>
                            <div className="bottom">
                                <p><svg className="icon" viewBox="0 0 1637 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="16" height="16"><path d="M1625.214103 479.296883C1534.168625 366.274911 1207.137455 0 818.3628 0S104.649974 366.274911 11.511497 479.296883a52.324987 52.324987 0 0 0 0 65.406234c91.568728 113.021972 418.599898 479.296883 806.851303 479.296883s715.805825-366.274911 806.851303-479.296883a52.324987 52.324987 0 0 0 0-65.406234z m-806.851303 439.529893c-313.949923 0-587.609607-278.892182-698.015329-407.088401C230.753194 383.542156 507.029126 104.649974 818.3628 104.649974S1405.972407 383.542156 1517.42463 511.738375c-111.452223 128.196219-387.728155 407.088401-699.06183 407.088401z" fill="#8a8a8a" p-id="3085"></path><path d="M815.746551 261.624936a245.40419 245.40419 0 1 0 245.40419 245.40419A245.40419 245.40419 0 0 0 815.746551 261.624936z m0 386.158406a140.754216 140.754216 0 1 1 140.754215-140.754216 140.754216 140.754216 0 0 1-140.754215 141.800716z" fill="#8a8a8a" p-id="3086"></path></svg></p>
                                <p>3003</p>
                                <p>·</p>
                                <div>
                                    <Mantle />
                                </div>
                            </div>
                        </div>
                        <div className="listright">
                            <img src="	https://wipi.oss-cn-shanghai.aliyuncs.com/2021-07-24/1_6FIJsfsbLPuRpzxvlGoVWw.png" alt="" />
                        </div>
                    </div>
                    <div className="list">
                        <div className="listleft">
                            <div className="top">
                                <div className="ttop">
                                    <h3><b>Web性能指南</b></h3>
                                    <p>|</p>
                                    <p>6个月前</p>
                                </div>
                                <div className="tbottom">Web性能权威指南阅读笔记</div>
                            </div>
                            <div className="bottom">
                                <p><svg className="icon" viewBox="0 0 1637 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3084" width="16" height="16"><path d="M1625.214103 479.296883C1534.168625 366.274911 1207.137455 0 818.3628 0S104.649974 366.274911 11.511497 479.296883a52.324987 52.324987 0 0 0 0 65.406234c91.568728 113.021972 418.599898 479.296883 806.851303 479.296883s715.805825-366.274911 806.851303-479.296883a52.324987 52.324987 0 0 0 0-65.406234z m-806.851303 439.529893c-313.949923 0-587.609607-278.892182-698.015329-407.088401C230.753194 383.542156 507.029126 104.649974 818.3628 104.649974S1405.972407 383.542156 1517.42463 511.738375c-111.452223 128.196219-387.728155 407.088401-699.06183 407.088401z" fill="#8a8a8a" p-id="3085"></path><path d="M815.746551 261.624936a245.40419 245.40419 0 1 0 245.40419 245.40419A245.40419 245.40419 0 0 0 815.746551 261.624936z m0 386.158406a140.754216 140.754216 0 1 1 140.754215-140.754216 140.754216 140.754216 0 0 1-140.754215 141.800716z" fill="#8a8a8a" p-id="3086"></path></svg></p>
                                <p>3003</p>
                                <p>·</p>
                                <div>
                                    <Mantle />
                                </div>
                            </div>
                        </div>
                        <div className="listright">
                            <img src="	https://wipi.oss-cn-shanghai.aliyuncs.com/2021-07-24/1_6FIJsfsbLPuRpzxvlGoVWw.png" alt="" />
                        </div>
                    </div>
                </div>
                <div className="right">123</div>
            </div>


        </div>
    )
}



export default Knowledge
